<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>
		<style>
		.box{width: 300px;height: 300px;
		 background:linear-gradient(red, blue 7% ,green 10%);}
		</style>
		</title>
	</head>
	<body>
	<div class="box">1
	</div>
	</body>
</html>
